
// 入口函数：
$(function () {
   get_article_type(); // Get文章类别
   search_list()     // 条件查找
   get_artice_list(); // Get文章列表
   change_lisClass();   // 发表文章按钮特别处理
});


// 获取文章类别
function get_article_type() {
   myAjax('/admin/category/list', 'GET', null, function (res) {
      // console.log(res.data);
      let tplHTML = template('art_type', { data: res.data });
      $('#selCategory').html(tplHTML);
   })

}

// 获取文章列表
// pageObj：  jump返回的的参数obj
function get_artice_list(pageObj) {
   let params;
   // 如果传入了
   if (pageObj) {
      params = {
         key: $('#aname').val(),
         type: $('#selCategory').val(),
         state: $('#selStatus').val(),
         page: pageObj.curr,
         perpage: pageObj.limit
      }
   } else {
      params = {
         key: $('#aname').val(),
         type: $('#selCategory').val(),
         state: $('#selStatus').val(),
         page: 1,
         perpage: 9
      }
   }
   myAjax('/admin/article/query', 'get', params, function (res) {
      // console.log(res.data);

      // 模板：
      let tplHTML = template('art_list', { data: res.data.data });
      $('.table tbody').html(tplHTML);

      // 如果没有数据：
      if (res.data.data.length == 0) {
         layer.msg('无了');
      }

      // 分页器  参数1：后台返回数据    参数2：列表参数集
      change_page(res.data, params)
   })
}

// 条件查找
function search_list() {
   // input输入框：
   let timer;
   $('#aname').keyup(function () {
      if (timer) clearTimeout(timer);

      timer = setTimeout(() => {
         get_artice_list();
      }, 600);
   })
   // 所有分类：
   // 所有状态：
   $('#selCategory, #selStatus').change(function () {
      get_artice_list();
   })
};

// 分页器
function change_page(resObj, params) {
   // console.log(resObj);
   // console.log('难顶' + params);
   layui.use('laypage', function () {
      var laypage = layui.laypage;

      //执行一个laypage实例
      laypage.render({
         elem: 'pageBtns', //注意，这里的 test1 是 ID，不用加 # 号
         count: resObj.totalCount, //数据总数，从服务端得到
         limit: params.perpage,    //每页显示的数量
         curr: params.page,        //当前所在页面
         jump: function (obj, first) {
            //obj包含了当前分页的所有参数，比如：
            // console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
            // console.log(obj.limit); //得到每页显示的条数
            // console.log(first);    //是否为首次调用

            //如果不是首次, 才执行：
            if (!first) {
               get_artice_list(obj);
            }
         }
      })
   })
}

// 删除文章
function del_article(id) {
   myAjax('/admin/article/delete', 'POST', { id }, function (res) {
      console.log(res);
      layer.msg(res.msg);
      setTimeout(() => {
         get_artice_list();
      }, 800);
   })
};






// 发表文章按钮处理
function change_lisClass() {
   // console.log($(window));
   // console.log(window);
   // console.log(window.parent);
   $('#release_btn').click(function () {
      for (let i = 0; i < $('.level01').length; i++) {
         $('.level01')[i].classList.remove('active');
      };
      for (let i = 0; i < $('.level02 li').length; i++) {
         $('.level02 li')[i].classList.remove('active');
      }
      // $(window).parent().$('#level02_fabiao').addClass('active');
   })
}